@charset "utf-8";
/* CSS Document */

body{ margin:0; padding: 0;}
html{ margin:0; padding: 0;}
div{ margin:0; padding: 0;}

ul{ list-style: none}
li{ list-style: none; list-style-position: outside;}

a{ text-decoration: none; color: #333;}

.width-1200{width:1200px;margin: auto;}
.width-1280{width:1280px;margin: auto;}
.red{ color: #e90000;}

.about{width:100%; margin: auto;overflow: hidden; background: url(../images/about-bg.jpg); margin-top: 25px;}
.about-left{width:490px; float: left;}
.about-left h1{font-size: 66px;color: #eeeeee;font-weight: normal;margin: 0px;}
.about-left h2{font-size:33px;font-weight: normal;margin:  0px;}
.about-text{width:100%; float: left; color: #141414; font-size: 15px; line-height: 28px; margin-top: 30px;}
.about-icon{width:100%; float: left; margin-top: 35px;}
.subicon{width:33%; float: left;text-align: center;}
.subicon-img{width:100%;}
.subicon-text{ margin-top:20px;}
.about-right{width:680px; float: right; text-align: right; margin-top: 20px;}


.news{background: #f6f6f6;padding-top: 30px;padding-bottom: 50px;margin-top: 70px;overflow:  hidden;}
.news-top{width:94%; overflow: hidden; margin: auto}
.news-top h2{ font-size:33px; font-weight: normal; float: left; margin-top: 30px;}
.news-top h1{font-size: 66px;color: #ebebeb;font-weight: normal;float: left;margin: 0px 0px 0px 20px;}
.news-more{width:200px; float: right; margin-top: 30px;}

.newsbox{width: 96%;margin-left: 3%;overflow:  hidden;margin-top: 30px;}
.newsbox ul{
    margin:  0px;
    padding:  0px;
}
.newsbox ul li{
    width: 39%;
    margin-right: 2.8%;
    float:  left;
    background:  #fff;
    padding:  40px 50px;
    margin-bottom: 30px;
}

.newsbox ul li:hover{background-color: #e90000;color: white;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;}
.newsbox ul li:hover .newstitle{color: white;}
.newsbox ul li:hover .newsdate{color: white;}
.newsbox ul li:hover .newstext{color: white;}


.newsbox ul li .newstitle{
    width: 75%;
    float: left;
    overflow:  hidden;
    font-size:  22px;
    line-height:  22px;
    height:  22px;
}


.newsbox ul li .newsdate{
    width: 25%;
    float: right;
    text-align:  right;
    line-height:  22px;
	color: #a9a9a9;
}


.newsbox ul li .newstext{
	margin-top: 50px;
	color: #a9a9a9;
	line-height: 26px;
	height: 50px;
	overflow:  hidden;
}

.news-more .btn{ width:190px; height: 40px; line-height: 40px; color: #e90000; font-size: 14px; text-align: center;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
	border: 1px solid #e90000;
}

.news-more .btn:hover, .news-more .btn:focus, .news-more .btn:active {
  background-color: #e90000;
  color: white;border-radius: 50px;
}



/*关于我们-img1*/
.subicon-img1{ width:100%; height: 72px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/ico1.png) center no-repeat;}
.subicon-img1:hover, .subicon-img1:focus, .subicon-img1:active {background: url(../images/icon1-.png) center no-repeat;}

.subicon-img2{ width:100%; height: 72px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/ico2.png) center no-repeat;}
.subicon-img2:hover, .subicon-img1:focus, .subicon-img2:active {background: url(../images/icon2-.png) center no-repeat;}


.subicon-img3{ width:100%; height: 72px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/ico3.png) center no-repeat;}
.subicon-img3:hover, .subicon-img1:focus, .subicon-img3:active {background: url(../images/icon3-.png) center no-repeat;}





.footer{width:100%;overflow:  hidden;float: left;}
.footer1{width:100%;margin-top: 50px;padding-bottom: 50px;overflow:  hidden;}
.footer1 .left{width:785px; float: left;}
.footer1 .left .menu{width:100%; float: left;}
.footer1 .left .menu li{ float: left; margin-right: 20px;}
.footer1 .left .guanzhu{width:100%; float: left; margin-top: 20px; color: #9f9f9f;}
.footer1 .left .guanzhu img{ vertical-align: middle; margin-left: 10px;}
.footer1 .center{width:265px; float: left; font-size: 14px; color: #929292; text-align: right;}
.footer1 .center h1{font-size:36px; font-weight: 800; margin: 10px auto; color: #424242;}
.footer1 .center .btn{width:100%; text-align: right;}
.footer1 .right{width:128; float: right;}

.footer2{width:100%; background: #212121; color: #737373; text-align: center; line-height: 32px; padding: 10px 0;}
.footer2 span{ margin:0 5px;}
.footer2 span a{color: #737373;}
.footer2 span a:hover{color: #959595;}

.about-list{
    width: 100%;
    padding-top: 20px;
    background: #f8f8f8;
    padding-bottom: 40px;
}

.about-list ul{width:100%;margin: auto; overflow:hidden;padding-left: 0;}

.about-list ul li{
    list-style: none;
    padding-left: 0%;
	float: left;
	width:25%;
	text-align: center;
}

.about-list ul li .ico{}
.about-list ul li .title{
    color: #db0f0f;
    font-size: 22px;
    margin: 25px 0 8px 0;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: end;
}
.about-list ul li .title span{
    font-size: 44px;
    line-height: 1;
    color: #db0f0f;
    font-weight: bold;
}


.about-list ul li .title .reddot{
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    background: #db0f0f;
    display: inline-block;
    margin-left: 10px;
    border-radius: 50%;
    line-height: 20px;
}

.about-list ul li .text{
    font-size: 14px;
    color: #747474;
    transition: all 0.4s;
}

.about-list ul li:nth-child(1){padding-left: 0;}

.about-list ul li:hover .title{transform:translateY(-5px);/**上移元素**/transition: all 0.3s;}
.about-list ul li:hover .text{transform:translateY(-10px);/**上移元素**/transition: all 0.4s;}


.pro{width:100%; margin: auto; overflow: hidden;}
.pro-title{width:100%; margin: auto; overflow: hidden; font-size: 33px; font-weight: normal; float: left; margin-top: 40px; margin-bottom: 30px; text-align: center}
.pro-title span{display: block;    font-size: 66px;    color: #eeeeee;    font-weight: normal; text-transform: uppercase }

.pro .list{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding-right: 2%;
	padding-top: 2%;
}
.pro .list li{
    width: 19%;
    list-style: none;
    background: #e0e9f0;
    text-align: center;
    margin-bottom: 2%;
    padding: 2%;
    border-radius: 12px;
    box-shadow: 2px 1px 5px rgb(68 140 200 / 20%);
    transition: all 0.3s;
}
.pro .list li:hover{box-shadow: 2px 1px 5px rgb(68 140 200 / 60%);background: rgba(255,255,255,0.95);transform:translateY(-5px);/**上移元素**/transition: all 0.3s;}


.pro .list li .ico{ margin-bottom: 5%;border-radius: 50%; overflow: hidden;    border: 5px solid #fff;}
.pro .list li .ico img{width:100%;}
.pro .list li .text{ font-size: 20px;  color: #233;}


.youshi{width:100%; margin: auto; overflow: hidden; text-align: center;}

@media screen and (max-width: 1199px) {
		}

@media screen and (max-width: 999px) {
		}

@media screen and (max-width: 888px) {
		}